<template>
	<view class="im-item-box">
		<view class="im-time" v-if="itemSystem.datetime">
			{{itemSystem.datetime}}
		</view>
		<view class="system-box">
			<view class="system-inner">{{itemSystem.message}}</view>
		</view>
	</view>
</template>
<script>
	import {
		parseTime,
		formatTime
	} from '@/utils/index.js'
	export default {
		props: ['itemSystem'],
		filters: {
			timeFilter(timestamp) {
				return formatTime(timestamp, '{y}-{m}-{d}', true)
			},
			interviewTimeFilter(timestamp) {
				return parseTime(timestamp, '{y}-{m}-{d} {h}:{i}')
			}
		}
	}
</script>
<style lang="scss" scoped>
	.system-box {
		display: flex;
		justify-content: center;

		.system-inner {
			background: #CBCBCB;
			font-size: 26rpx;
			color: #FFFFFF;
			padding: 10rpx 35rpx;
			border-radius: 60rpx;
		}
	}
</style>
